templates/password_forgotten/form.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.     <div class="col col-xl-12">
  7.         <nav aria-label="breadcrumb">
  8.             <ol class="breadcrumb">
  9.                 <li class="breadcrumb-item"><a href="{{ path("login") }}">Connexion à votre espace client</a></li>
  10.                 <li class="breadcrumb-item active" aria-current="page">Mot de passe oublié</li>
  11.             </ol>
  12.         </nav>
  14.         <div class="container large-tile">
  16.             <h2>Réinitialisation de mon mot de passe</h1>
  18.             {% for label, messages in app.flashes %}
  19.                 <div class="my-4 alert alert-{{ label }}">
  20.                     {% for message in messages %}
  21.                         <p>
  22.                             {{ message | raw }}
  23.                         </p>
  24.                     {% endfor %}
  25.                 </div>
  27.                 <p class="text-right">
  28.                     <a class="btn btn-sm btn-secondary" href="{{ path('login') }}">Retourner à la page de connexion</a>
  29.                 </p>
  30.             {% else %}
  32.             {{ dynamicHelp.get('acces-perte_mot_de_passe') | raw }}
  34.             <p class="alert alert-info">
  35.                 Pour des raisons de sécurité et de confidentialité, les mots de passe sont enregistrés sous forme
  36.                 chiffrée ;
  37.                 <br/>il ne nous est donc pas possible de vous redonner votre mot de passe actuel.
  38.             </p>
  39.             <p>
  40.                 Afin de recevoir les instructions vous permettant de changer de mot de passe, veuillez saisir votre référence
  41.                 client visible  sur votre facture d'eau ainsi que l'adresse e-mail indiquée lors de votre première connexion.
  42.             </p>
  44.                 <form method="post" action="{{ path('password-forgotten-action') }}"
  45.                       class="col col-12 ml-md-auto mr-md-auto box mt-4 mb-4 col-md-6" autocomplete="off">
  46.                     <input type="hidden" name="_token" value="{{ csrf_token('password-forgotten') }}">
  48.                         <p class="form-group">
  49.                             <label for="reference">Votre référence client&nbsp;:&nbsp;</label>
  50.                             <input type="text" class="form-control" id="reference" name="reference" required=""
  51.                                    value=""
  52.                                    placeholder=""/>
  53.                         </p>
  54.                         <p class="form-group">
  55.                             <label for="email">Votre adresse de messagerie&nbsp;:&nbsp;</label>
  56.                             <input type="email" class="form-control" id="email" name="customer_email" value="" required=""
  57.                                    pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" placeholder=""/>
  58.                         </p>
  60.                     <p class="text-right">
  61.                         <button type="submit" id="validate" name="validate" class="btn btn-primary">réinitialiser mon mot de passe</button>
  62.                     </p>
  63.                 </form>
  65.                 <br>
  66.                 <p class="alert alert-info">
  67.                     <a href="#perte-mdp-email" id="oubli-email">Vous avez changé d'adresse mail ?</a>
  68.                 </p>
  70.                 <form action="{{ path('password-forgotten-email-action') }}" method="post" id="perte-mdp-email" class="mt-5">
  71.                     <input type="hidden" name="_token" value="{{ csrf_token('password-email-forgotten') }}">
  73.                     <div class="form-group">
  74.                         <label for="recup_reference">Référence client *&nbsp;:&nbsp;</label>
  75.                         <input type="text" class="form-control" id="recup_reference" name="reference" required="" value="" placeholder="">
  76.                     </div>
  78.                     <div class="form-group">
  79.                         <label for="recup_nom">Nom et prénom *&nbsp;:&nbsp;</label>
  80.                         <input type="text" id="recup_nom" name="recup_nom" value="" class="form-control" required="">
  81.                     </div>
  83.                     <div class="form-group">
  84.                         <label for="recup_address">Adresse *&nbsp;:&nbsp;</label>
  85.                         <textarea id="recup_address" name="recup_address" cols="30" rows="6" class="form-control" required=""></textarea>
  86.                     </div>
  88.                     <div class="form-group">
  89.                         <label for="recup_commune">Commune *&nbsp;:&nbsp;</label>
  90.                         <input type="text" class="form-control" id="recup_commune" name="recup_commune" required="" value="" placeholder="">
  91.                     </div>
  93.                     <div class="form-group">
  94.                         <label for="recup_email">Votre nouvelle adresse de messagerie *&nbsp;:&nbsp;</label>
  95.                         <input type="email" id="recup_email" name="recup_email" value="" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" class="form-control" required="">
  96.                     </div>
  98.                     <div class="form-group">
  99.                         <label for="recup_tel">Téléphone *&nbsp;:&nbsp;</label>
  100.                         <input type="tel"
  101.                                id="recup_tel"
  102.                                name="recup_tel"
  103.                                value=""
  104.                                class="form-control"
  105.                                pattern="^((\+\d{1,3}(-| )?\(?\d\)?(-| )?\d{1,5})|(\(?\d{2,6}\)?))(-| )?(\d{3,4})(-| )?(\d{4})(( x| ext)\d{1,5}){0,1}$"
  106.                                minlength="10"
  107.                                required="">
  108.                     </div>
  110.                     <div class="form-group">
  111.                         <label for="recup_numero">Numéro de facture *&nbsp;:&nbsp;</label>
  112.                         <input type="text" class="form-control" id="recup_numero" name="recup_numero" required="" value="" placeholder="">
  113.                     </div>
  115.                     <button type="submit" id="validate" name="validate" class="btn btn-primary">valider</button>
  116.                 </form>
  117.                 <br><br>
  119.                 <p class="alert alert-info">Si c'est votre première connexion à l'espace client ou que vous n'aviez jamais renseigné votre adresse email lors de vos précédentes
  120.                     connexions, veuillez contacter la Direction de l'Eau et de l'Assainissement de la Communauté Urbaine du Grand Reims via
  121.                     <a href="{{ path("contact") }}" target="_blank">le formulaire de contact. <i class="fas fa-external-link-alt"></i></a>
  122.                 </p>
  123.             {% endfor %}
  124.         </div>
  125.     </div>
  127. {% endblock %}